<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: xwj32
  Date: 2023-05-15
  Time: 21:55
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <jsp:include page="include/mangerheadtag.jsp"/>
</head>
<body>
<jsp:include page="include/head.jsp"/>
<jsp:include page="include/menu.jsp"/>


<div style="margin-top: 100px;margin-left: 400px">
    <h1 style="margin-left: 300px">${requestScope.office}科室</h1>
    <c:forEach items="${requestScope.doctorList}" var="doctor" >
        <div class="ysjs">
            <div class="title">
                <div class="t">
                    <span>${doctor.dname}</span>
                    <span class="gender">${doctor.gender}</span>
                    <span class="career">${doctor.career}</span>
                    <span class="career">${doctor.age}岁</span>
                </div>
                <div class="b">
                    <span>${doctor.office} </span> <span>出诊费：${doctor.fee}</span>
                </div>
                <img src="${doctor.picpath}">
            </div>
            <div class="content">
                <div >
                    <div>介绍：</div>
                    <div>${doctor.description}</div>
                    <div>擅长：</div>
                    <div>${doctor.ability}</div>
                </div>
                <div>
                    <form method="get" action="#">
                        <input type="hidden">
                        <input type="submit" name="" class="btn btn-primary" value="点击预约">
                    </form>
                </div>
            </div>
        </div>
    </c:forEach>

    <style>
        .ysjs{
            margin: 20px;
            border-radius: 8px;
            width: 680px;
            border: 1px #000 solid;
        }
        .ysjs .title{
            margin: 20px;
            position: relative;
        }
        .ysjs .title:after{
            visibility: hidden;
            display: block;
            font-size: 0;
            content: "";
            clear: both;
            height: 0;
        }
        .ysjs .title .t span{
            margin: 20px;
            color: black;
            font-size: 30px;
            line-height: 30px;
        }
        .ysjs .title .b span{
            margin-left: 20px;
            color: black;
            font-size: 20px;
            line-height: 30px;
        }
        .ysjs .title img{
            position: absolute;
            top: -20px;
            left: 480px;
            width: 100px;
            height: 125px;
        }
        .ysjs .title .t .gender{
            color:black;
        }
        .ysjs .title .t .career{
            font-size: 17px;
            margin-left: 30px;
            color:black;
        }
        .ysjs .content {
            border-top: 1px solid rgb(219, 219, 219);
            margin: 30px;
            text-align: left;
            width: 640px;
        }
        .ysjs .content div{
            padding-top: 10px;
        }
    </style>

</div>


</body>
</html>
